<template>
  <div class="box" :style="`background-image: url('${pic.imgurl1}');`">
    <div class="box_top">
      <TownTop />
    </div>
    <div class="box_bot">
      <TownMain />
    </div>
  </div>
</template>
<script>
import TownTop from '@/views//townExpend/components/Top';
import TownMain from '@/views//townExpend/components/Main';

export default {
  components: {
    TownTop,
    TownMain
  },
  data() {
    return {
      pic: {
        imgurl1: require('@/assets/images/fullscreen/背景.png')
      }
    };
  }
};
</script>
<style lang="scss" scoped>
.box{
  height: 100%;
  padding: 0 24px 24px;
  background-repeat: no-repeat;
  background-size:100% 100% ;
}
.box_top{
    height: 8%;
}
.box_bot{
  height: 92%;
}
</style>
